<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>播放器范本</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<style type="text/css">
		.J-video{background:#000;}
	</style>
</head>
<body>
<div class="section">
	<h2>以下为播放器示例：</h2>
	<div class="video">
		<div class="J-video"></div>
	</div>
</div>
<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/soluxPlayer.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".J-video").empty().soluxPlayer({
        title: "",
        poster: "http://pic.solux.cn/PC/alan/subject/0826/video.jpg",
        showTitle: false,
        autoPlay: false,
        width: 1000,
        height: 540,
        videos: ["http://pic.solux.cn/PC/alan/subject/0826/video.mp4", "http://pic.solux.cn/PC/alan/subject/0826/video.mp4"],
        onStart: function() {},
        onPause: function() {}
    })
})
</script>
</body>
</html>